<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title> </title>

		<!--<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
		<script type="text/javascript"></script>
			$(function(){
				$("#btnGetFile").click(functioin(e){
					var fileList=document.getElenmentById("fileDemo").files;
					for (var i=0;i<FileList.length;i++){
						if(!(/Image\/\w+/.test(FileList[i].type))){
							$("#result").append("<span>type:"+FileList[i].type+"--******非图片类型*****--name："+FileList[i].name+"--size:"+FileList[i].size+"</span><br />");
						}
						else{
							$("#result").append("<span>type:"+FileList[i].type+"--name:"+FileList[i].name+"--size:"+FileList[i].size+"</span><br />");
						}
					}
				});
		});-->
	</head>

	<body>
		<canvas id="demoCanvas" width="500" height="500">
			<p>
				请使用支持html5的浏览器查看本实例
			</p>
		</canvas>
		<script type="text/javascript">
			var canvasDom=document.getElementById("demoCanvas");
			var context=canvasDom.getContext('2d');
			context.strokeStyle="red";
			context.strokeRect(10,10,190,100);
			context.fillStyle"blue";
			context.fillStyle(110,110,100,100);
		</script>

	</body>

</html>